
<div class="swiper-container banner">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <img src="../images/1.jpg" alt="">
    </div>
    <div class="swiper-slide">
      <img src="../images/2.jpg" alt="">
    </div>
    <div class="swiper-slide">
      <img src="../images/3.jpg" alt="">
    </div>
    <div class="swiper-slide">
      <img src="../images/4.jpg" alt="">
    </div>
  </div>
</div>



<style>
  .banner {
    width: 100%;
    height: 200px;
  }

  img {
    width: 100%;
    height: 100%;
  }
</style>
